import UserAccountLoginView from './components/UserAccountLoginView.vue'
import UserAccountRegister from './components/UserAccountRegisterView.vue'
import MainPage from "./components/MainPage.vue"
import InfoPageWrapper from "./components/InfoPageWrapper.vue"
import App from './App.vue'

import * as VueRouter from 'vue-router'

// 2. 定义一些路由
// 每个路由都需要映射到一个组件。
// 我们后面再讨论嵌套路由。
const routes = [
    {
        path: '/',
        redirect: '/user/account/login/',
        name: "home",
    },
    {
        path: '/user/account/login/',
        name: "user_account_login",
        component: UserAccountLoginView,
    },
    {
        path: '/user/account/register/',
        name: "register",
        component: UserAccountRegister,
    },
    {
        path: '/movies/main/',
        name: "main",
        component: MainPage,
    },
    {
        path: '/movie/search/:name',
        name: "movieDetail",
        component: InfoPageWrapper,
    },

]
// 3. 创建路由实例并传递 `routes` 配置
// 你可以在这里输入更多的配置，但我们在这里
// 暂时保持简单
const router = VueRouter.createRouter({
    // 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
    history: VueRouter.createWebHashHistory(),
    routes, // `routes: routes` 的缩写
})
export default router;